@import "../../style/var";

.my-container {
  min-height: 100vh;
  padding: 0.12rem 0 0.56rem;
  background: #ebebeb;

  .white-space{
    padding: 0.12rem 0.18rem;
  }

  .my-header-wrap {
    @include flex(left, center);
    background: #fff;

    .my-avatar {
      margin-right: 0.15rem;
      border-radius: 0.04rem;
    }

    .my-info-wrap {
      flex: 1;

      .my-name {
        @include font(0.15rem, #000);
        font-weight: bold;
        margin-bottom: 0.1rem;
      }

      .my-sign {
        color: #999;
        font-size: 0.12rem;
      }
    }

    .my-qr-img {
      align-self: flex-end;
    }
  }

  .discover-wrap {
    padding: 0;
    background: #fff;
    margin-top: 0.2rem;
    user-select: none;

    .discover-item{
      @include wh(100%, 0.4rem);
      padding: 0.12rem 0.36rem;
      &:active{
        background: #f4f4f4;
      }
    }
  }
}

